<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css" />
		
	</head>
	<body>
		<div class="layui-row layui-col-space1">
				<div class="layui-col-md4">
				    <div class="layui-card-header">快捷方式</div>
					<div class="layui-card-body">
						<div class="layui-row layui-col-space10">
							<div style="float: left;width: 20%;">
							<div class="layui-col-md3 layui-bg-gray" align="center" style="width: 100%;height:50px;padding-top:15px;margin-right: 5px;">
								<span class="layui-icon layui-icon-console" style="font-size: 40px;"></span>
							</div><br><br>
							<div style="text-align: center;">主页一</div>
							</div>
							<div style="float: left;width: 20%;">
							<div class="layui-col-md3  layui-bg-gray" align="center" style="width: 100%;height:50px;padding-top:15px;margin-right: 5px;">
								<span class="layui-icon layui-icon-chart" style="font-size: 40px;"></span>
							</div><br><br>
							<div style="text-align: center;">主页二</div>
							</div>
							<div style="float: left;width: 20%;">
							<div class="layui-col-md3 layui-bg-gray" align="center" style="width: 100%;height:50px;padding-top:15px;margin-right: 5px;">
								<span class="layui-icon layui-icon-template-1" style="font-size: 40px;"></span>
							</div><br><br>
							<div style="text-align: center;">弹层</div>
							</div>
							<div style="float: left;width: 20%;">
							<div class="layui-col-md3 layui-bg-gray" align="center" style="width: 100%;height:50px;padding-top:15px;margin-right: 5px;">
								<span class="layui-icon layui-icon-chat" style="font-size: 40px;"></span>
							</div><br><br>
							<div style="text-align: center;">聊天</div>
							</div>
						</div><br>
						<div class="layui-row layui-col-space10">
							<div style="float: left;width: 20%;">
							<div class="layui-col-md3 layui-bg-gray" align="center" style="width: 100%;height:50px;padding-top:15px;margin-right: 5px;">
								<span class="layui-icon layui-icon-find-fill" style="font-size: 40px;"></span>
						    </div><br><br>
							<div style="text-align: center;">进度条</div>
							</div>
							<div style="float: left;width: 20%;">
							<div class="layui-col-md3 layui-bg-gray" align="center" style="width: 100%;height:50px;padding-top:15px;margin-right: 5px;">
								<span class="layui-icon layui-icon-survey" style="font-size: 40px;"></span>
							</div><br><br>
							<div style="text-align: center;">工单</div>
							</div>
							<div style="float: left;width: 20%;">
							<div class="layui-col-md3 layui-bg-gray" align="center" style="width: 100%;height:50px;padding-top:15px;margin-right: 5px;">
								<span class="layui-icon layui-icon-user" style="font-size: 40px;"></span>
							</div><br><br>
							<div style="text-align: center;">用户</div>
							</div>
							<div style="float: left;width: 20%;">
							<div class="layui-col-md3 layui-bg-gray" align="center" style="width: 100%;height:50px;padding-top:15px;margin-right: 5px;">
								<span class="layui-icon layui-icon-set" style="font-size: 40px;"></span>
							</div><br><br>
							<div style="text-align: center;">设置</div>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header"><h3>待办事项</h3></div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-md6">
                           <div class="layui-card-body layui-bg-gray ">
                               <p>待审评论</p>
                               <h1 style="color:#009688">66</h1>
                           </div>
                        </div>
                        <div class="layui-col-md6">
                           <div class="layui-card-body layui-bg-gray ">
                               <p>待审帖子</p>
                               <h1 style="color:#009688">12</h1>
                           </div>
                        </div>
                        <div class="layui-col-md6">
                           <div class="layui-card-body layui-bg-gray ">
                               <p>待审商品</p>
                               <h1 style="color:#009688">99</h1>
                           </div>
                        </div>
                        <div class="layui-col-md6">
                           <div class="layui-card-body layui-bg-gray ">
                               <p>待发货</p>
                               <h1 style="color:#009688">20</h1>
                           </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
				<div class="layui-col-md4" style="height: 200px;">
					<div class="layui-card-header">版本信息</div>
					<div class="layui-card-body">
						<table class="layui-table">
							<tr>
								<td>当前版本</td>
								<td>v1.2.1pro&nbsp;&nbsp;<a href="#" style="color: blue;">更新日志</a></td>
							</tr>
							<tr>
								<td>基于框架</td>
								<td>layui-v2.45</td>
							</tr>
							<tr>
								<td>主要特色</td>
								<td>单页面/响应式/清爽/简洁</td>
							</tr>
							<tr>
								<td>获取渠道</td>
								<td>
									<a href="#" class="layui-btn layui-btn-sm layui-bg-red"><span></span>获取授权</a>
									<a href="#" class="layui-btn layui-btn-sm layui-bg-green">立即下载</a>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		<div class="layui-row layui-col-space5">
			<div class="layui-col-md6">
				<div class="layui-card">
					<div class="layui-card-header">柱状图</div>
					<div class="layui-card-body">
						<div id="bar" style="width:100%;height:300px;">
							
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md6">
				<div class="layui-card">
					<div class="layui-card-header">饼状图</div>
					<div class="layui-card-body">
						<div id="pie" style="width:100%;height:300px;">
							
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-card">
					<div class="layui-card-header">基础数据</div>
					<div class="layui-card-body">
						<table class="layui-table">
							<tr>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
							</tr>
							<tr>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
							</tr>
							<tr>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
							</tr>
							<tr>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
								<td>aaaa</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="layui-col-md8">
				<div class="layui-card">
					<div class="layui-card-header">仪表图</div>
					<div class="layui-card-body">
						<div id="gauge" style="width:100%;height:300px;">
							
						</div>
					</div>
				</div>
			</div>
		</div>
	<script type="text/javascript" src="js/echarts.js"></script>
	<script type="text/javascript" src="js/welcome.js"></script>
	</body>
</html>
